Teaching Physical Based Animation 
via OpenGL Slides 

Miao Song Serguei A. Mokhov 

Graduate School, Computer Science 

Concordia University, and Software Engineering, 

Montreal, Canada, Concordia University, Montreal, Canada, 

Email: m_song@cse . concordia . cal Email: mokhov@cse . concordia. ca 

Peter Grogono 
Computer Science 
and Software Engineering, 
Concordia University, Montreal, Canada, 
Email: grogono@cse . concordia. ca 

Abstract 

This work expands further our earlier poster presentation and integration of the OpenGL Slides 
Framework (OGLSF) - to make presentations with real-time animated graphics where each slide is 
a scene with tidgets - and physical based animation of elastic two-, three-layer softbody objects. 
The whole project is very interactive, and serves dual purpose - delivering the teaching material in 
a classroom setting with real running animated examples as well as releasing the source code to the 
students to show how the actual working things are made. 

Keywords: education, presentation, softbody, real-time, frameworks, OpenGL, physical-based mod- 
eling 



1 Introduction 

It is very helpful for effective teaching of computer graphics (CG) techniques (201 [3} [19), especially 
advanced topics such as real-time physical based animation of softbody objects, with a real working code 
on hand that can be demonstrated in a classroom and then given out to students for learning purposes 
and extension for their course work. It is reasonable to assume, in subjects like CG, teaching may be less 
effective if the examples are not visualized in class for the students. On top of that, it can be a nuisance 
for the instructor presenting the concepts and switching between the presentation power-point-like slides 
and the demo especially if it is complex and highly interactive with a lot of variable parameters to tweak. 
As a result, for the cases like the one briefly described, we argue that it is more effective and efficient 
to combine the OpenGL CG programs with OpenGL presentation slides in one teaching unit. There 
the traditional power-points and various techniques can be exemplified at run-time at the same time and 
the source code can be released to the students later to follow the examples through at all angles. For 
this purpose we integrated the physical-based softbody simulation system [THEME) with the OpenGL 
slides presentation framework (OGLSF) (SJH that compose in a small demo that we discuss throughout 
this work. 



Organization 

In Section [2] we discuss the background and the related work done that contribute to the creation of this 
teaching unit, specifically we discuss the properties of the OGLSF in Section [2TT] and the Softbody Simu- 
lation System in Section [Z2l We then describe a brief methodology and layout in Section|3j Afterwards, 
we conclude in Section]?] describing our achievement, the limitation of the approach in Section |4~Tj and 
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the future work items in Section l4~2l All the sections are illustrated with the actual screenshots from the 
said OpenGL softbody system presentation slides and referenced where appropriate. 

2 Related Work 

The major pieces of the related work that contribute to this works, are two frameworks alongside with 
their implementation, put together with other items, to eventually form a teaching module for computer 
graphics. Here we extrapolate from our previous poster presentation 1 17] on this topic with more details 
on the actual design and implementation of the physical-based softbody animation techniques in an 
OpenGL power-point-like presentation tool with the demonstrated results. We describe the two CG 
systems in this section in some detail for the unaware reader. 

2.1 OpenGL Slides Framework (OGLSF) 

OGLSF gives ability to make slides, navigate between them using various controls, and allow for com- 
mon bulleted textual widgets - the tidgets. It also allows to override the control handling from the main 
idle loop down to each individual (current) slide. All slides together compose a concrete instance of 
Presentation, which is a collection of slides that uses the Builder pattern to sequence the slides. Each 
slide is a derivative of the generic Slide class and represents a scene with the default keyboard controls 
for the tidgets and navigation. It is understood that the tidgets can be enabled and disabled to allow 
the main animation to run unobstructed j6l|7l[T7l. Each scene on the slide is modeled using traditional 
procedural modeling techniques ED and is set as a developer or artist desires. It can include models 
and rendering of any primitives, complex scenes, texturing, lighting, GPU-based shading, and others, as 
needed and is fit by the presenter The main program delegates its handling of the callback controls 

for keyboard, mouse, and idle all the way down to the presentation object that handles it and passes it 
down to each current slide ll6l[71[T7ll. 

2.2 Softbody Simulation Framework and System 

The Softbody Simulation System's main goal is to provide real-time simulation of a variety of softbody 
objects, founded in the core two- or three- layer model for objects such as human and animal's soft 
parts and tissue, and non-living soft objects, such as cloth, gel, liquid, and gas. Softbody simulation 
is a vast research topic and has a long history in computer graphics. The softbody system has gone 
through a number of iterations in its design and development. Initially it had limited user interface JTT1 
[T2l . Then the fine-grained to high-level level-of-detail (LOD) GLUI-based |9| user interface has been 
added JT3l , GPU shading support was added JT4l using the OpenGL Shading Language ifTUlL a curve- 
based animation was integrated, and software engineering re-design is constantly being applied. The 
example of the common visual design of the LOD interactivity interface is summarized in Figure [2j 
The LOD components are on the right-hand-side, expanded, and the main simulation window is on 
the left (interactivity with that window constitutes for now just the mouse drag and functional keys). 
Following the top-down approach configuration parameters, that assume some defaults, were reflected in 
the GUI El. 

The core framework's design is centered around common dimensionality (ID, 2D, and 3D) of graph- 
ical objects for simulation purposes, physics-based integrators, and the user interaction component. The 
Integrator API of the framework as of this writing is implemented by the well-known Explicit Eu- 
ler, Midpoint, Feynman, and Runge-Kutta 4 (RK4)-based integrators for their mutual comparison of the 
run-time and accuracy. The system is implemented using OpenGL J8] [22) and the C++ programming 
language with the object oriented programming paradigm fT7). 
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(c) Introduction Slide 
Figure 1: A Set of Introductory Tidget-only Slides 



This elastic object simulation system has been designed and implemented according to the well 
known architectural pattern, the model- view-controller (MVC). This pattern is ideal for real-time simu- 
lation because it simplifies the dynamic tasks handling by separating data (the model) from user interface 
(the view). Thus, the user's interaction with the software does not impact the data handling; the data can 
be reorganized without changing the user interface. The communication between the model and the view 
is done through the controller. This also closely correlates to the OpenGL state machine, that is used as 
a core library for the implementation lfT2lfT7ll . 
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Figure 2: Three Types of Softbody Objects Simulated Together on a Single Slide Scene 



3 Methodology 

The methodology consists of the design and implementation modification required for the integration 
followed by making the actual presentation slides. The source code of the presentation is a part of the 
learning material along the actual content of the material presented and is prepared as such. Separately, 
both frameworks and implementing systems define the mainO function, which cannot be included into 
any of the libraries (both can be compiled into the library files to be linked into other projects) because 
of the linker errors when the object code from the two or more systems is combined into a single exe- 
cutable. We therefore started a new application with a new mainO , the Sof tBodyPresentation. cpp, 
Additionally, both frameworks have to declare their own namespaces, which both have not done in the 
past, similarly to CUGL G) because there are some common names of variables, classes, or functions 
that clash on compilation. This is an overall improvement not only for this work, but also for any similar 



type of integration with other projects (cf. Section 4.2). Thus, we declared the namespaces softbody 
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(a) ID Elastic Object Simulation Slide 



(b) 2D Elastic Object Simulation Slide 




(c) 3D Elastic Object Simulation Slide 
Figure 3: Simulation of Single ID, 2D, and 3D Softbody Elastic Objects Slides 



and slides : and move the clashing variables under those namespaces. Most of the main code from 
Sof tbodySimulation. cpp application is encapsulated into a generic Sof tbodySimulationSlide 
class that includes the default configuration of the softbody simulation parameters ifTTl this class is in- 
herited by the slides that do the actual simulation of softbody objects. Furthermore, the concrete slides 
that inherit from Sof tbodySimulationSlide are broken down into some preset distinct configuration 
defaults and accompanying tidgets. They override the animate () method (the "idle" function) as well 
as the state LOD parameters per an example slide. 

For the presentation in this work the demonstration slides currently include the following: 

1. TitleSlide - a typical title slide with the lecture/presentation title and the presenter information 
(see Figure [T(a)] ). 
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2. TOCSlide - a tidget table of contents of the presentation (see Figure [T(b)| ). 

3. IntroductionSlide - a tidget introduction of the material (see Figure [T(c)] ). 

4. Sof tbodySimulationSlidelD - a slide featuring the ID elastic object configured by default 



encased in the ViewBox, see Figure 3(a) 



5. Sof tbodySimulationSlide2D - a slide featuring the 2D softbody object configured by default, 



see Figure 3(b) 



6. Sof tbodySimulationSlide3D - a slide featuring the 3D softbody object configured by default, 



see Figure 3(c) 
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7. Sof tbodySimulationSlideAUD - a slide featuring all types of softbody objects configured by 
default, as shown in Figure [2j included into the slide environment. 

8. Sof tbodySimulationSlideAHEuler - all three objects configured by default to animate under 



the Explicit Euler integrator, see Figure 4(a) 



9. Sof tbodySimulationSlideAHMidpoint - all three objects configured by default to animate 



under the Midpoint integrator, see Figure 4(b) 



10. Sof tbodySimulationSlideAHFeynman - all three objects configured by default to animate 



under the Feynman integrator, see Figure 4(c) 



11. Sof tbodySimulationSlideAHRK4 - all three objects configured by default to animate under 
the RK4 integrator, see Figure [5j 



12. Short comingsSlide - a slide describing the limitations of the approach (cf. Section 4.1 



see 



Figure |7(a)| ). 

13. Pro j ectedFeaturesSlide - a summary of some projected features for the future work (cf. Sec- 



tion 



42} see Figure [7(b)] ). 



14. ConclusionSlide - a preliminary conclusions slide (cf. Section|4| see Figure[6]). 



15. Ref erencesSlide - the list of references, see Figure 7(c) 



4 Conclusions and Future Work 

We completed the first proof-of-concept integration of the softbody simulation system and OGLSF 
frameworks. We made a number of slides in a OpenGL-based softbody presentation typically found in 
lab/tutorial like presentations, which are to be extended to a full lecture-type set of slides. This milestone 
significantly advances our contribution to a good CG teaching module, suitable for use by instructors to 
present the material in class as well as for learning by providing its source code to the students for study 
and extension to demonstrate their CG projects at the end of a semester. 

We have encountered some integration difficulties due to the frameworks' original design and imple- 
mentation consideration, that we do not discuss here, but rather discuss and generalize at length in our 
follow up software engineering work in |[T6l . 

We further discuss the limitation of the proposed approach as well as the future (and ongoing) work 
on these and the related projects. 

4.1 Limitations 

There are some assumptions and limitations to the approach described here; thus, it is not an all-in-one 
solution, but rather for a specific purpose presentations. 

• Assumes the CG topics taught are renderable at real-time, like this softbody simulation. 

- One can presumably also render images that were premade offline, but then what is the point? 
(Unless one is to demonstrate the texture mapping, etc. of course). 

- One can play AVI and HD movies in OpenGL, but again not as a primary learning source, 
though may be necessary at times (e.g. to teach how to play such things when/if needed). 
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Soft Body Simulation User Interface 
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Figure 5: Simulation with Runge-Kutta 4 Integrator Slide 



• Not suitable for presentation in online conferences, so have to make screenshots (not a big deal, 
but ideally, at least the screenshots should be taken automatically). 

• May be hardware dependent. 

- Though today's commodity hardware should generally be good enough, but one own's laptop 
and the PC in a classroom may have enough differences to distort the presentation or render 
it unacceptably. 

• Tedious to compose and debug - need to be a programmer. 

- A proposal to load import info from XML or text is made. 

- Has to be done well in advance before the teaching session. 
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■ Sofbody Animation Presentation - Teaching Slides and Demo - Conclusion 

Conclusion 

[PAGE DOWN] — first slide, [PAGE UP] — previous slide 

• We demonstrated integration of Softbody Simulation and OpenGL Slides 

• Ideal for teaching and learning 

- Combines demo and presentation 

- Can be released as a working code example to students 

• Do you have any 

- Questions? 

- Feedback? 

- Opinions? 

END 
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Figure 6: Conclusion OpenGL Slide Example 



- Assumption is made the instructors and the students are able to do C++ or OpenGL program- 
ming in a CG programming course. 

• Rendering is resolution- sensitive - tidgets may have various spacing or stretch, not matching the 
softbody object being displayed in the scene. 

• Rendering is an issue (not supported, or tedious/difficult) for now for math (formulas), source 
code, highlighting - can only be done as images. 
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(a) Limitations OpenGL Slide Example (b) Projected Features OpenGL Slide Example 




(c) References OpenGL Slide Example 
Figure 7: Concluding Slides 



4.2 Future Work 

Aside from addressing some of the limitations from the previous section, there are a number of immediate 
items for the future work: 

• Port the source code fully to Linux and MAC OS X. Currently it only compiles properly under 
Windows XP 32-bit under Visual Studio 2005. 

• Release our code and documentation as open- source implementation either a part of the Concordia 
University Graphics Library Q and/or as part of a Maya LI J plug-in and as a CGEMS |3 1 teaching 
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module. 

• Allow advanced interactive controls of the scenes and slides by using haptics devices llT5l with the 
force feedback, head-mounted displays and healthcare virtual reality systems lfT8l . 

• Integrate stereoscopic effects into the presentation of softbody objects (under way) with another 
open-source plug-in project under development that implements OpenGL-based stereoscopic ef- 
fects EH5H33Q. 

• While working on this and other integration efforts, take down and formalize software engineering 
requirements for systems like ours to simplify the future development and integration process of 
academic and open-source OpenGL and CG frameworks and systems for physical based animation 
and beyond llT6l (in progress). 

• Provide automatic loading and display of the softbody simulation source code on the slides with 
breakdown onto multi-page slides. 

• Demonstrate different softbody shading techniques and shaders via the OpenGL slides. We already 
implemented the first draft version of a vendor-independent API for shader use within the softbody 
system and provided two implementations of that API - one that loads GLSL vertex and fragment 
shaders and the other that loads the cross-vendor assembly language for shaders. 

• Demonstrate attachment of softbody objects to skeletal surfaces via the slides. 
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